<template>
  <div ref="previewContainer" id="previewContainer" v-html="html"></div>
</template>

<script>
//import '../style/acrmd.css';
import "highlight.js/styles/dark.css"
import { previewConfig } from './plugins/previewConfig.js'
//...
export default{
    name: 'preview',
    mounted() {
      window.Preview = this
      console.log(this.markdownIt.render('# Hello Markdown!'))
    },
    data(){
      return{
        html:'',
        markdownIt: previewConfig.getMarkdownItParser()
      }
    },
    methods:{
      markdownRender(content){
        this.html = this.markdownIt.render(content);
      }
    }
}
</script>

<style scoped>
@import url("<https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.12.0/katex.min.css>");
</style>